
.zuozejianjie{
    position: absolute;
    top: 10px;
    left: 292px;
    color: #fff;
    font-size: 28px;
}
.zuozejianjie a{
    color: #fff;
    font-size: 28px;
    text-decoration: none;
}
table{
    position: absolute;
    top: 50px;
    left: 415px;
    font-size: 20px;
     border-collapse:collapse;
}

table tr td:nth-child(1){
    width: 150px;
    height: 50px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
}
table tr td:nth-child(2){
    width: 532px;
    height: 50px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
}
        * {
            padding: 0;
            margin: 0;
        }

        body {
            overflow: hidden;
            background: #464853;
        }

        div[class^="mountain"] {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 3840px;
        }

        .mountains {
            animation: mountains-in .8s ease-out 0s 1 normal forwards;
        }

        .mountain-1 {
            height: 336px;
            z-index: 3;
            background: url(../images/mountain-1.png) repeat-x;
            animation: moving 50s linear 0.8s infinite normal;
        }

        .mountain-2 {
            height: 384px;
            z-index: 2;
            background: url(../images/mountain-2.png) repeat-x;
            animation: moving 100s linear 0.8s infinite normal;

        }

        .mountain-3 {
            height: 472px;
            z-index: 1;
            background: url(../images/mountain-3.png) repeat-x;
            animation: moving 160s linear 0.8s infinite normal;

        }

        .bear {
            position: absolute;
            bottom: 35px;
            width: 200px;
            height: 100px;
            z-index: 4;
            background: url(../images/bear.png) no-repeat;
            animation: bear .4s steps(8) infinite, mov 3s forwards;

        }

        @keyframes mountains-in {
            0% {
                transform: scale(1.5);
            }

            100% {
                transform: scale(1);
            }
        }

        @keyframes moving {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: -3840px 0;
            }
        }

        @keyframes bear {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: -1600px 0;
            }
        }

        @keyframes mov {
            0% {
                left: 0;
            }

            100% {
                left: 50%;
                transform: translateX(-50%);
            }
        }